function mnsuperquadra() {
	$('#content').load("html/mantersuperquadras.html #pnlMntrSuperquadras", function() {
		montarGridSuperquadras();
		
		$('#tabs').tabs();
	});
}

function montarGridSuperquadras() {
	var pCampos = {
		    quadras: {
		    	title: 'Quadras',
		    	width: '5%',
		    	sorting: false,
		    	edit: false,
		    	create: false,
		    	display: function(dados) {
		    		var img = $('<img>').attr({src: "css/themes/lightcolor/add.png", title:"Exibir Quadras"});
		    		$(img).click(function() {
		    			abrirQuadras(img.closest('tr'), dados.record);
		    		});
		    		return img;
			    }},
		    ruas: {
		    	title: 'Ruas',
		    	width: '5%',
		    	sorting: false,
		    	edit: false,
		    	create: false,
		    	display: function(dados) {
		    		var img = $('<img>').attr({src: "css/themes/lightcolor/add.png", title:"Exibir Ruas"});
		    		$(img).click(function() {
		    			abrirRuas(img.closest('tr'), dados.record);
		    		});
		    		return img;
			    }},
	    	id: {key: true,
		   		 create: false,
		   		 list: false},
		    codigo: {title: 'Código',
		    	     width: '10%'},
		    nome: {title: 'Nome',
		    	   width: '85%'},
		    plano_id: {list: false,
		    		   type: "hidden"},
		    plano_codigo: {list: false,
	    		   		   type: "hidden"},
		    plano_descricao: {list: false,
	    		   			  type: "hidden"},
		    plano_dc: {list: false,
	    		   	   type: "hidden"}
		};
	var pChave = 'nome ASC';
	var pClasse = 'superquadra';
	var pFiltro = new Array({campo: 'nome', titulo: 'Superquadra', selecionado: true});
	var pDestino = '#pnlSuperquadras';
	
	limparMensagem();
	$(pDestino).load("html/manter.html #pnlMntr", function() {
		// campos de filtro
		var pnlFiltro = $('<div>');
		var cbb = $('<select>').attr({id: 'cbbCampo', name: 'cbbCampo'});
		var ipt = $('<input>').attr({type : "text", name: 'edtFiltro', id: 'edtFiltro'});
		var item = null;
		
		for (var opt in pFiltro) {
			item = $('<option>').attr({
					value: pFiltro[opt].campo,
					
				}).append(pFiltro[opt].titulo);

			if (pFiltro[opt].selecionado) {
				$(item).attr({selected: "selected"});
			}

			$(cbb).append(item);
		}
		$(pnlFiltro).append(cbb, " ", ipt);
		// fim campos de filtro

		$('#grdDataset').jtable({
		    messages: getJTableMessages(),
			title: '&nbsp;',
			paging: true,
			selecting: true,
			multiselect: true,
			actions: {
	                listAction: 'post.php?action=' + pClasse + '.consultar',
	                createAction: 'post.php?action=' + pClasse + '.inserir',
	                deleteAction: 'post.php?action=' + pClasse + '.excluir'
			},
		        fields: pCampos,
		        sorting: true,
		        toolbar: {
				hoverAnimation: true,
				items: [{text:  $(pnlFiltro)},
					{text: 'Filtrar',
					click: carregarDadosGrid},
					{text: 'Excluir selecionados',
					 click: excluirSelecionados,
					 icon: 'css/themes/lightcolor/delete.png'
					}]
			},
		    defaultSorting: pChave
		});
		
		// carregar dados
	    carregarDadosGrid();
		
		$('#grdDataset').show();
	    $('#pnlMntr').draggable();
	});
}

function abrirQuadras(tr, superquadra) {
	var pCampos = {
	    	id: {key: true,
		   		 create: false,
		   		 list: false},
		   	codigo: {title: 'Código'},
		   	lotacao: {title: 'Capacidade',
		   			  defaultValue: '99'},
		   	juros: {title:'Juros',
		   		    defaultValue: '0'}
		};

	$('#grdDataset').jtable('openChildTable', 
			tr, 
			{
				title : 'Quadras de ' + superquadra.nome,
			    messages: getJTableMessages(),
				selecting: true,
				actions: {
	                listAction: 'post.php?action=quadra.consultar&campo=sq_id&valor=' + superquadra.id,
	                createAction: 'post.php?action=quadra.inserir&sq_id=' + superquadra.id + '&sq_nome=' + superquadra.nome,
	                deleteAction: 'post.php?action=quadra.excluir'
				},
		        fields: pCampos
		    },
			function (data) {
				data.childTable.jtable('load');
			});
}

function abrirRuas(tr, superquadra) {
	var pCampos = {
	    	id: {key: true,
		   		 create: false,
		   		 list: false},
		   	rua: {title: 'Rua'},
		   	linha: {title: 'Linha'}
		};

	$('#grdDataset').jtable('openChildTable', 
			tr, 
			{
				title : 'Ruas de ' + superquadra.nome,
			    messages: getJTableMessages(),
				selecting: true,
				actions: {
	                listAction: 'post.php?action=rua.consultar&campo=sq_id&valor=' + superquadra.id,
	                createAction: 'post.php?action=rua.inserir&sq_id=' + superquadra.id,
	                deleteAction: 'post.php?action=rua.excluir'
				},
		        fields: pCampos
		    },
			function (data) {
				data.childTable.jtable('load');
			});
}
